<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
	/>
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
	<link rel="stylesheet" type="text/css" href="../css/index.css" />
	
	
</head>
<style>
    html,body 
    {
        background: rgba(0, 0, 0, 0.0);
    }
</style>
<body>
	<div id='app'>
		<div class="pop">
			<div class="bg" @click='closeLogin'></div>
			<div class="login">
				<h1>登录</h1>
				<div class="phone-wrap border-bottom">
					<input type="text" placeholder="手机号" min='0' max="11">
                </div>
                <div class="code-wrap border-bottom">
                    <p @click='clickCode'v-show='!code'>点击获取验证码</p>
                    <input type="text" placeholder="请输入验证码" v-show='code'>
                </div>
                <button class="login-btn">登录</button>
			</div>
		</div>
	</div>
</body>

</html>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
var app,
apiready = function(){
    app=new Vue({
        el:"#app",
        data:{
            code:false,
        },
        created:function () {
            
        },
        methods: {
            clickCode:function(){
               this.code=true;
            },
            closeLogin:function(){
                api.closeFrame({
                    name: 'login'
                });
            }
        }
    })
    
}
    

</script>